<template>
	<view class="dg-safe-bottom" :style="[style]">
	</view>
</template>

<script>
	export default {
		name: "dg-safe-bottom",
		data() {
			return {
				style: {}
			};
		},
		mounted() {
			const systemInfo = uni.getSystemInfoSync();
			this.style.height = systemInfo.safeAreaInsets.bottom + 'px'
		},
	};
</script>

<style lang="scss" scoped>
	.dg-safe-bottom {
		width: 100%;
	}
</style>